<template>
  <div>
    动态css
    <button class="btn">color:{{ color }}</button>
    <input type="text" v-model.lazy="color" />
    <hr />
  </div>
</template>

<script setup>
import { ref } from "vue";
const color = ref("pink");
</script>
<style scoped lang="stylus">
.btn
  padding: 20px 20px;
  color: v-bind(color);
</style>
